<%@ page contentType="text/html; charset=UTF-8"%>




<script>
	jQuery(function($) {

		$(document).ready(function() {
			$('#example').dataTable({
				"bProcessing" : true,
				"bServerSide" : true,
				"bLengthChange" : false,
				"bFilter" : false,
				"bSort" : false,
				"bInfo" : true,
				"bAutoWidth" : false,
				"bJQueryUI" : false,
				"iDisplayLength" : 10,
				"iSortingCols" : 0,
				"sPaginationType" : "bootstrap",
				"sAjaxSource" : "../avl/listsCancel.action",
				"aoColumns" : [ {
					"mData" : null,
					"sClass" : "center"
				}, {
					"mData" : "seq",
					"sClass" : "center"
				}, {
					"mData" : "companyName",
					"sClass" : "left"
				}, {
					"mData" : "address",
					"sClass" : "left"
				}, {
					"mData" : "tel",
					"sClass" : "center"
				}, {
					"mData" : "serviceType",
					"sClass" : "center"
				}, {
					"mData" : "status",
					"sClass" : "center"
				}, {
					"mData" : "cancelBy",
					"sClass" : "center"
				}, {
					"mData" : "cancelDate",
					"sClass" : "center"
				} ],
				"aoColumnDefs" : [ {
					// `data` refers to the data for the cell (defined by `mData`, which
					// defaults to the column being worked with, in this case is the first
					// Using `row[0]` is equivalent.
					"mRender" : function(data, type, row) {
						return '<input type="checkbox" />';
					},
					"aTargets" : [ 0 ]
				} ]
			});
		});
	});
</script>
<div id="container">
	<div id="content">
		<div class="warpper">

			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="2" class="header2" style="border-bottom: 1px #bbb solid;">ค้นหา</td>
				</tr>
			</table>

			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">

				<tr>
					<td width="160px;" class="header" valign="top">ชื่อบริษัท </td>
					<td><input type="text" value="" style="width: 420px;"></td>
				</tr>
				<tr>
					<td class="header">ประเภทสินค้า บริการ </td>
					<td><input type="checkbox" name="checkbox3" value="checkbox"> Hardware <input type="checkbox"
						name="checkbox22" value="checkbox"> Software <input type="checkbox" name="checkbox3" value="checkbox">
						Application <input type="checkbox" name="checkbox4" value="checkbox"> Network/ cabling <input
						type="checkbox" name="checkbox23" value="checkbox"> Spare Part/ Supply <input type="checkbox"
						name="checkbox4" value="checkbox"> Service <input type="checkbox" name="checkbox5" value="checkbox">
						Consultant <input type="checkbox" name="checkbox24" value="checkbox"> Training <input type="checkbox"
						name="checkbox5" value="checkbox"> Accessories <input type="checkbox" name="checkbox6" value="checkbox">
						Other</td>
				</tr>
				<tr>
					<td colspan="2" align="right" style="border-bottom: 1px #bbb solid; padding-bottom: 10px;"><a href="#"
						class="button"> Search </a> &nbsp; <a href="#" class="button"> Clear </a></td>
				</tr>
			</table>
			<div style="width: 100%; height: 30px; text-align: center;" class="header2">ประเมินผู้ขายสินค้าหรือบริการ</div>
			<div style="width: 100%;">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
					<thead>
						<tr>
							<th width="40px"><input type="checkbox" /></th>
							<th width="40px">ลำดับที่</th>
							<th>ชื่อบริษัท / ห้างร้าน / บุคคล</th>
							<th>ที่อยู่</th>
							<th width="100px">เบอร์โทร</th>
							<th width="140px">ประเภทสินค้าและบริการ</th>
							<th width="100px">สถานะ</th>
							<th width="80px">วันที่ยกเลิก</th>
							<th width="80px">ผู้แจ้งยกเลิก</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>

			</div>

			<div style="width: 100%; text-align: center; padding-top: 60px;">
				<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 700px;">
					<tr>
						<td>เหตุผล</td>
						<td><select name="select">
								<option>ตักเตือนด้วยวาจา</option>
								<option>ส่งจดหมายเตือน</option>
								<option>ถอดถอนออกจาก AVL</option>
						</select></td>
						<td>ครั้งที่</td>
						<td><input name="textfield" type="text" size="5" style="width: 90px;"></td>
						<td>วันที่</td>
						<td><input name="textfield" type="text" size="5" style="width: 90px;"></td>
						<td><a href="#" class="button"> บันทึก </a></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
